:root{
  --primary: #409EFF;
  --primaryDisabled: #a0cfff;
  --primaryHover: #66b1ff;
  --primaryPlain: #ecf5ff;
  --primaryDefault:#409eff;
  --success: #67C23A;
  --successDisabled: #85ce61;
  --successHover: #b3e19d;
  --successPlain: #f0f9eb;
  --warning: #E6A23C;
  --warningDisabled: #f3d19e;
  --warningHover: #ebb563;
  --warningPlain: #fdf6ec;
  --danger: #F56C6C;
  --dangerDisabled: #fab6b6;
  --dangerHover: #f78989;
  --dangerPlain: #fef0f0;
  --info: #909399;
  --infoDisabled: #c8c9cc;
  --infoHover: #a6a9ad;
  --infoPlain: #f4f4f5;
  --borderDefault:#c6e2ff;
  --borderPrimary:#b3d8ff;
  --borderSuccess:#c2e7b0;
  --borderWarning:#f5dab1;
  --borderDanger:#fbc4c4;
  --borderInfo:#d3d4d6;
  --fontPrimary: #303133;
  --fontRegular: #606266;
  --fontSecondary: #909399;
  --fontPlaceholder: #C0C4CC;
  --borderBase: #DCDFE6;
  --borderLight: #E4E7ED;
  --borderLighter: #EBEEF5;
  --borderExtraLight: #F2F6FC;
  --backgroundDefault: #fff;
  --backgroundActive: transparent;
  --backgroundHover: transparent;
  --backgroundBase: #c0c4cc;
  --backgroundLight: transparent;
  --backgroundLighter: transparent;
  --backgroundImage: #c0c4cc;
  --backgroundButton: #f5f7fa;
}


$primary: var(--primary);
$success: var(--success);
$warning: var(--warning);
$danger: var(--danger);
$info: var(--info);
$primaryDefault: var(--primaryDefault);
$primaryDisabled: var(--primaryDisabled);
$successDisabled: var(--successDisabled);
$warningDisabled: var(--warningDisabled);
$dangerDisabled: var(--dangerDisabled);
$infoDisabled: var(--infoDisabled);
$primaryHover: var(--primaryHover);
$successHover: var(--successHover);
$warningHover: var(--warningHover);
$dangerHover: var(--dangerHover);
$infoHover: var(--infoHover);
$primaryPlain: var(--primaryPlain);
$successPlain: var(--successPlain);
$warningPlain: var(--warningPlain);
$dangerPlain: var(--dangerPlain);
$infoPlain: var(--infoPlain);
$fontPrimary: var(--fontPrimary);
$fontRegular: var(--fontRegular);
$fontSecondary: var(--fontSecondary);
$fontPlaceholder: var(--fontPlaceholder);
$borderDefault: var(--borderDefault);
$borderPrimary: var(--borderPrimary);
$borderSuccess: var(--borderSuccess);
$borderWarning: var(--borderWarning);
$borderDanger: var(--borderDanger);
$borderInfo: var(--borderInfo);
$borderBase: var(--borderBase);
$borderLight: var(--borderLight);
$borderExtraLight: var(--borderExtraLight);
$backgroundActive: var(--backgroundActive);
$backgroundHover: var(--backgroundHover);
$backgroundBase: var(--backgroundBase);
$backgroundLight: var(--backgroundLight);
$backgroundLighter: var(--backgroundLighter);
$backgroundImage: var(--backgroundImage);
$backgroundButton: var(--backgroundButton);
$backgroundDefault: var(--backgroundDefault);